<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
#parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList" >
		<div class="grid-btn">
			<h6>计算月份：{{month}}</h6>
		</div>
		<div class="grid-btn" style="display:inline">
			<div class="form-group col-sm-2">
				<input type="text" class="form-control" v-model="value" @keyup.enter="query" placeholder="工号/姓名">
			</div>
			
		</div>
		<div class="grid-btn" style="display:inline">
			<div class="form-group col-sm-2">
				<input id="calTime" type="text" class="form-control" v-model="calTime" @keyup.enter="query" placeholder="计算年月">
			</div>
			<a class="btn btn-default" @click="query">查询</a>
			<a class="btn btn-default" @click="outExcel">导出Excel</a>
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
											<div class="form-group">
			   	<div class="col-sm-2 control-label"></div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.employeeid" placeholder=""/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">发薪日</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.payrollmonth" placeholder="发薪日"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">首月底薪</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.firstmonthwage" placeholder="首月底薪"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">底薪</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.monthwage" placeholder="底薪"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">端口津贴</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.portfee" placeholder="端口津贴"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">话费补助</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.mobilefee" placeholder="话费补助"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">业务提成</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.businesspromotion" placeholder="业务提成"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">新人卓越奖励</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.newtalent" placeholder="新人卓越奖励"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">新人推荐奖励</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.newrecommend" placeholder="新人推荐奖励"/>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">行程排名</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.order" placeholder="行程排名"/>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">职务津贴</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.performanceMoney" placeholder="职务津贴"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">主管直接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.directordirect" placeholder="主管直接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">主管间接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.directorindirect" placeholder="主管间接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">职务津贴</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.joballowance" placeholder="职务津贴"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">分行直接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.branchdirect" placeholder="分行直接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">分行间接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.branchindirect" placeholder="分行间接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">区域直接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.areadirect" placeholder="区域直接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">区域间接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.areaindirect" placeholder="区域间接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">大区直接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.bigareadirect" placeholder="大区直接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">大区间接</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.bigareaindirect" placeholder="大区间接"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">社会保险</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.socialinsurance" placeholder="社会保险"/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">住房公积金</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="dataPayroll.housingfund" placeholder="住房公积金"/>
			    </div>
			</div>
							<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>
</div>

<script src="${rc.contextPath}/js/zjdc/datapayroll.js?_${date.systemTime}"></script>
<script src="${rc.contextPath}/js/laydate/laydate.js"></script>
<script type="text/javascript">
laydate.render({
	  elem: '#calTime', //指定元素
	  type:'month',
	  max:'currentmonth'
	});
</script>
</body>
</html>